<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
		<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="css/login.css" />
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
		<!--<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>-->
		<script type="text/javascript" src="js/login.js" ></script>
	</head>
	<body>
		<div class="background">
			<div class="author">
				<img src="image/无标题.png"/>
				<div class="authorinfo">
					<a>作者名称XXX</a>
					<p>作品名称XXXXXXX</p>
				</div>
			</div>
		</div>
		<ul id="stepForm" class="ui-accordion-container">
			<li id="loginpage"><a href='#' class="ui-accordion-link"> </a>
				<div class="mainpanl">
					<ul>
						<li><img src="image/pixiv_logo.png"/></li>
						<li>让创作变得更有乐趣1</li>
						<li><input type="text" id="name" class="form-control" placeholder="用户名/邮箱"/></li>
						<li><input type="password" id="password" class="form-control" placeholder="密码"/></li>
						<li><button class="btn btn-success">登陆</button>
							<a class="left" href="#">忘记了</a>
							<a class="right" href="javascript:void(0)">立即注册</a>
							
						</li>
						<li>
							<div class="otherLogin">
								<div>其他账号登录</div>
								<a title="QQ" href="#"></a>
								<a title="weixin" href="#"></a>
								<a title="baidu" href="#"></a>
							</div>
						</li>
					</ul>
				</div>
			</li>
			<li id="registPage1"><a href='#' class="ui-accordion-link"> </a>
				<div class="mainpanl">
					<ul>
						<li><img src="image/pixiv_logo.png"/></li>
						<li>注册第一步</li>
						<li><input type="text" id="name" class="form-control" placeholder="邮箱/手机号"/></li>
						<li><div class="input-group">
								<input type="text" class="form-control" placeholder="验证码">
				                    <span class="input-group-btn">
				                        <button id="send" class="btn btn-default" type="button">重新发送</button>
				                    </span>
							</div>
						</li>
						<li><button class="btn btn-success open2">下一步</button></li>
						<li><button class="btn btn-default prevbutton">返回登录</button></li>
					</ul>
				</div>
			</li>
			<li id="registPage2"><a href='#' class="ui-accordion-link"> </a>
				<div class="mainpanl">
					<ul>
						<li><img src="image/pixiv_logo.png"/></li>
						<li>请填写详细信息</li>
						
						<li class="inputsex">
							<div class="radio-inline">
							  <label>
							    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>男
							  </label>
							</div>
							<div class="radio-inline">
							  <label>
							    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">女
							  </label>
							</div>
							
						</li>
						<li><input type="text" class="form-control" placeholder="昵称"/></li>
						<li>
							<div class="form-group">
				                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
				                    <input class="form-control" size="16" type="text" value="" readonly placeholder="破蛋日期">
				                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
									<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
				                </div>
								<input type="hidden" id="dtp_input2" value="" /><br/>
				            </div>
						</li>
						<li><input type="text" class="form-control" placeholder="密码" /></li>
						<li><input type="text" class="form-control" placeholder="确认密码" /></li>
						<li><button class="btn btn-success">注册</button></li>
						<li><button class="btn open0">返回登录</button></li>
					</ul>
				</div>
			</li>
		</ul>
		
	<script type="text/javascript">
	$('.form_date').datetimepicker({
        language:  'zh-CN',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0
    });
</script>
	</body>
</html>
